<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <title>CMS</title>
    <link href="__STATIC__/component/pear/css/pear.css" rel="stylesheet"/>
</head>
<body class="childrenBody {:dialog_css()}">

<div class="layui-row layui-col-space10 panel_box">
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
        <a href="javascript:;">
            <div class="panel_icon layui-bg-green">
                <i class="layui-icon layui-icon-tabs layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$total.1}</span>
                <cite>栏目数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
        <a href="javascript:;">
            <div class="panel_icon layui-bg-blue">
                <i class="layui-icon layui-icon-list layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$total.2}</span>
                <cite>文章数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
        <a href="javascript:;">
            <div class="panel_icon layui-bg-orange">
                <i class="layui-icon layui-icon-template-1 layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$total.3}</span>
                <cite>产品数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
        <a href="javascript:;">
            <div class="panel_icon layui-bg-purple">
                <i class="layui-icon layui-icon-survey layui-anim"></i>
            </div>
            <div class="panel_word">
                <span>{$total.4}</span>
                <cite>留言建议</cite>
            </div>
        </a>
    </div>
</div>

<script src="__STATIC__/component/layui/layui.js"></script>
<script src="__STATIC__/component/pear/pear.js"></script>
<script type="text/javascript">
    layui.use(['jquery','aphp'], function() {
        var $ = layui.jquery,
            aphp = layui.aphp;

        //icon动画
        $(".panel a").hover(function() {
            $(this).find(".layui-anim").addClass("layui-anim-scaleSpring");
        }, function() {
            $(this).find(".layui-anim").removeClass("layui-anim-scaleSpring");
        });
        $(".panel a").click(function() {
            parent.addTab($(this));
        });
    });
</script>
</body>
</html>